


<?php if(!IS_AJAX){?><include file="Public:header" />



<form action="{:U('index')}" id="masonryboxform"></form>
<ul id="filters" class="media-filter"><volist name="cateList" id="vo">
       <li><a<eq name="vo['id']" value="$cateid">class="on"</eq> href="{:U('index', array('cateid' => $vo['id']))}">{$vo.title}</a></li>
        </volist>
                                
                            </ul>
<div class="clearfix"></div>
<div class="row hidden" id="masonrybox" style="background:#fff;">
<?php }?>
  <?php if(IS_AJAX){?>

  <volist name="list" id="vo">
  
  
  
  
  

     	
        
        
      
        
        
        
        
        
        

  
  
  
  
  
  
  
  
  
  
  
    <div class="col-md-3 box">
      <div class="panel widget-info-one">
        <div class="avatar-img"> <img style="border-radius:0;" src="{:getThumbPath($vo['img_url'])}" alt=""> </div>
        <div class="inner" style="padding:10px; height:auto; min-height:inherit;">
          <h5>{$vo.title}</h5>
        </div>
        
      </div>
    </div>
  </volist>
<?php }?>
  <?php if(!IS_AJAX){?>
  
  

  
</div> 

<div class="row" id="masonrybox1"></div>
 <div id="masonryboxpages" style="padding:50px; text-align:center;"></div>
<include file="Public:footer" /> 
<script src="__PUBLIC__/Js/jquery.masonry.min.js"></script>



<script type="text/javascript">

$(document).ready(function(){
	
	

$('#masonrybox1').masonry({
					itemSelector: '.box',
					columnWidth: 0,
					isAnimated : true
				});

	$('#masonrybox').ajaxlist({scrollload:true,append:true, 
		success:function(){
			
			
			var html = $('#masonrybox').html();
			$('#masonrybox').html('');
			//$('#masonrybox1')
			$newElems = $(html).appendTo('#masonrybox1');
			  $newElems.imagesLoaded(function(){
				  $('#masonrybox1').masonry( 'appended', $newElems, true);$(window).trigger('resize');
			  });
			
			
			

	
			
	    }
	});
	
	
	
	
});





function copyPages(){
		var ids=new Array();
		$('.sall').each(function(index, element) {
            if($(this).prop('checked')==true){
				ids.push($(this).val());
			}
        });
		if(ids.length>0){
			art.dialog.open('{:U('showcopybox')}?pages_id='+ids.toString(), {width: 400, height: 100,lock:true,title:'复制页面'});
			   
			
		}else{
			error('请选择要复制的页面');
		}
	}
</script>
<style type="text/css">
.box .widget-info-one{box-shadow:1px 1px 1px #ccc; border:1px solid #ccc; border-left-color:#e2e2e2; border-top-color:#e2e2e2; margin-bottom:15px; padding:4px;}


.box .widget-info-one img:hover{opacity:0.6;}

.wrapper{background:#fff;}
ul,li{list-style-type:none; margin:0; padding:0;}
	.fl{float:left;}
.fr{float:right;}
.qx_t1 { background:#EBEBEB; margin: 0px auto 15px; height: 32px; width: 593px; padding-left: 365px; font: 24px/28px "微软雅黑"; color: #333; }

.qx_list{ overflow:hidden; margin:0 auto}
.qx_list ul li { background: #FFF; padding:0; border: 1px solid #E5E5E5; float: left; width: 212px; margin: 0px 10px 10px 0px; }
.qx_list ul li img{width:100%; height:auto;}
.qx_picBox { border: 1px solid #E9E9E9; width: 210px; margin-bottom: 0; }
.qx_txt { font-size: 14px; line-height: 24px; }
.qx_txt p{margin-bottom: 8px; padding-left: 13px;}
</style>
</body></html>
<?php }?>

